<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <!-- CSS Begins       -->
        <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
        <link rel="stylesheet" href="css/login.css" type="text/css">
        <!--   End of CSS            -->
        <!----------Scripts--------->
        <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/handlebars-v1.3.0.js" type="text/javascript"></script>
        <script src="js/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/handlebars-v1.3.0.js" type="text/javascript"></script>
        <script src="js/custom.js" type="text/javascript"></script>
        <script src="js/jquery.validate.js" type="text/javascript"></script>
        <!-----End of Scripts---->

<!--        --Custom Script---
        <script type="text/javascript" >
            $(function()
            {
                //---Loading the Navbar
                includes("navbar_Templ", {}, "#navbar");


                //--Validation
                $("#test").validate({
                    rules: {
                        username: "required",
                        email: "email",
                        password: "required"
                    },
                    submitHandler: testForm
                });

                //- Form Submission
                function testForm()
                {
                    $("#btn_Submit").click(function()
                    {
                        var user = $("#test").toJson();
                        $(this).toAjax("fbapp/User/register", success, fail, JSON.stringify(user), "application/json");// send to servlet
                    });
                    // $(this).toAjax("registeruser", success, fail, user);// send to servlet

                }
                function success(data)
                {
                    //includes("thankyou_Templ", {title: "Thank you!", message: "Please Log In to Buy Fruits"}, "#register");
                    
                }
                ;
                function fail(data)
                {
                    //data
                }
                ;

            });
        </script>-->


    </head>
    <body>
        <!-----NAVBAR------>
        <div id="navbar"></div>
        <br>
        <br>
        <br>
        <!-----NAVBAR ENDS------>
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Login</div>
                        <div class="panel-body">
                            <form class="form-horizontal" role="form" id="test" action="j_security_check">
                                <div class="form-group">
                                    <label for="inputEmail3" class="col-sm-3 control-label">
                                        Username: </label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" required name="j_username" id="txt_Username" placeholder="Username">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-3 control-label">
                                        Password: </label>
                                    <div class="col-sm-9">
                                        <input type="password" class="form-control" required name="j_password" id="txt_Password" placeholder="Password">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-offset-3 col-sm-9">
                                        <div class="checkbox">
                                            <label>
                                                <input type="checkbox"/>
                                                Remember me
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group last">
                                    <div class="col-sm-offset-3 col-sm-9">
                                        <button type="submit" id="btn_Submit" class="btn btn-primary btn-sm">
                                            Sign in</button>
                                        <button type="reset" class="btn btn-default btn-sm">
                                            Reset</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="panel-footer">
                            Not Registred? <a href="http://www.jquery2dotnet.com">Register here</a></div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
